.content{
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		padding:40rpx 30rpx 0 30rpx;
        background: #FAFAFA;
		.banner{
			width: 100%;
			box-sizing: border-box;
			padding:20rpx 0;
			position: relative;
			.dots{
				width: 52rpx;
				height: 23rpx;
				background: rgba(0, 0, 0, 0.4);
				border-radius: 12rpx;
				font-size: 16rpx;
				font-weight: 400;
				color: #FFFFFF;
				text-align: center;
				position: absolute;
				right: 57rpx;
				bottom: 19rpx;
			}
		}
		.special_recommendation{
			box-sizing: border-box;
			padding:30rpx 21rpx;
			margin-top:30rpx;
			.special_list{
				display: flex;
				justify-content: flex-start;
				flex-wrap: wrap;
				margin-top: 30rpx;
				.active.special_list_item{
					margin-right: 0;
				}
				.special_list_item{
					margin-right: 20rpx;
					
					width: 203rpx;
					image{
						width: 100%;
						height: 136rpx;
						border-radius: 12rpx 12rpx 0px 0px;
					}
					.special_img_bt{
						margin-top: 21rpx;
						view.icon{
							image.icon_img{
								width: 50rpx;
								height: 23rpx;
								margin-right: 10rpx;
							}
							
							
						}
						view{
							box-sizing: border-box;
							padding-left: 10rpx;
							&:first-child{
								font-size: 28rpx;
								font-weight: 500;
								color: #333333;
								margin-top:21rpx;
								image{
									width: 13rpx;
									height: 17rpx;
									margin-left: 9rpx;
								}
							}
							&:last-child{
								font-size: 22rpx;
								font-weight: 500;
								color: #666666;
								margin-top:19rpx;
							}
						}
					}
				}
			}
			.special_title{
				 @include flex-between;
				 text{
					
						 font-size: 32rpx;
						 font-weight: bold;
						 color: #333333;
					
					
						
					 
				 }
				 view{
					 text{
						font-size: 28rpx;
						font-weight: 500;
						color: #666666; 
					 }
					 
					 @include flex-center;
				 }
			}
		}
		.chamber_commerce{
			position: relative;
			height: 181rpx;
		    .swiper-item{
				box-sizing: border-box;
				padding:20rpx 15rpx 15rpx 20rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				image{
					width: 190rpx;
					height: 145rpx;
					
				}
				.swper_center{
					width: 210rpx;
					height: 100%;
					view{
						&:first-child{
							font-size: 30rpx;
							font-weight: 800;
							color: #333333;
							margin-top: 13rpx;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}
						&:last-child{
							font-size: 26rpx;
							font-weight: 500;
							color: #666666;
							margin-top: 29rpx;
						}
					}
				}
				.click_in{
					width: 155rpx;
					height: 48rpx;
					background: #4FC863;
					border-radius: 24rpx;
					color: #fff;
					text-align: center;
					font-size: 26rpx;
					line-height: 48rpx;
				}
			}
		}
		.seckill_box{
			width: 100%;
			margin-top: 30rpx;
			display: flex;
			justify-content: space-between;
			flex-wrap: nowrap;
			background-color: #fff;
			margin-bottom: 30rpx;
			.seckill_lf{
				width: 335rpx;
				height: 404rpx;
				background: url($bg) no-repeat 0 0;
				background-size: 100% 100%;
				box-sizing: border-box;
				padding:46rpx 20rpx;
				.seckill_btn{
					width: 188rpx;
					height: 48rpx;
					background:rgba(255, 255, 255, 0.87);
					box-shadow: 0px -s4rpx 0px 0px #EB6338;
					border-radius: 24rpx;
					display: flex;
					justify-content: center;
					align-items: center;
					text{
						color: #F8623C;
						font-size: 26rpx;
					}
				}
			}
			.seckill_rt{
				width: 335rpx;
				height: 404rpx;
				display: flex;
				flex-wrap: wrap;
				align-content: space-between;
				.seckill_title{
					display: flex;
					justify-content: flex-start;
					align-items: center;
					text{
						&:first-child{
							font-size: 30rpx;
							font-weight: bold;
							color: #333333;
							margin-right: 7rpx;
						}
						&:last-child{
							width: 95rpx;
							height: 28rpx;
							background: linear-gradient(90deg, #F6B937, #EEC26D);
							border-radius: 14rpx 14rpx 14rpx 0px;
							font-size: 18rpx;
							font-weight: 400;
							color: #FFFFFF;
						}
					}
				}
				.seckill_title_name{
					font-size: 24rpx;
					font-weight: 500;
					color: #999999;
					margin:19rpx 0 23rpx 0;
				}
				.seckill_title_btn{
					width: 181rpx;
					height: 48rpx;
					background: #4FC863;
					border-radius: 24rpx;
					display: flex;
					justify-content: center;
					align-items: center;
					font-size: 26rpx;
					color: #fff;
					
				}
				.seckill_top{
					width: 100%;
					height: 192rpx;
					box-sizing: border-box;
					padding:25rpx 20rpx;
					background: url(../../static/img/money.png) no-repeat  132rpx 30rpx;
					background-size: 184rpx 102rpx;
				
				}
				.seckill_bt{
					width: 100%;
					height: 192rpx;
					box-sizing: border-box;
					padding:25rpx 20rpx;
					background: url(../../static/img/tuan.png) no-repeat  132rpx 30rpx;
					background-size: 184rpx 102rpx;
				}
			}
		}
		.boutique_recommendation{
			width: 100%;
			background-color: #fff;
			box-sizing: border-box;
			padding:32rpx 21rpx;
			border-radius: 20rpx;
			.noData{
				width: 100%;
				height: 250rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 28rpx;
				font-weight: 500;
				color: #999999;
			}
			.title{
				display: flex;
				justify-content: flex-start;
				align-items: center;
				image{
					width: 27rpx;
					height: 27rpx;
					margin-right: 18rpx;
				}
				text{
					font-size: 32rpx;
					font-weight: bold;
					color: #333333;
				}
			}
			.recommendation_box{
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-top: 30rpx;
				.recommendation_item.active{
					background: url(../../static/img/recommendation.png) no-repeat 158rpx 0;
					background-size: 27rpx 35rpx;
				}
				.recommendation_item{
					width: 203rpx;
					height: 250rpx;
					background: #FFFFFF;
					box-shadow: 0px 0px 3rpx 0px rgba(0, 0, 0, 0.11);
					border-radius: 12rpx;
					
					.recommendation_title{
						height: 61rpx;
						font-size: 28rpx;
						font-weight: 500;
						color: #333333;
						text-align: center;
						line-height: 61rpx;
					}
					.recommendation_text{
						width: 100%;
						height: 53rpx;
						font-size: 26rpx;
						line-height: 53rpx;
						background: linear-gradient(61deg, #4FC863, #5ADA6F);
						border-radius: 12rpx;
						text-align: center;
						color: #FFFFFF;
					}
					.recommendation_text.active1{
						background: linear-gradient(61deg, #4FC863, #5ADA6F);
						
						
					}
					.recommendation_text.active2{
						background: linear-gradient(61deg, #FEB621, #FCCA74);
						
						
					}
					.recommendation_text.active3{
						background: linear-gradient(61deg, #0FA0F6, #3CB3FA);
						
						
					}
					.recommendation_logo{
						image{
							width: 100%;
							height: 100%;
						}
						width: 100%;
						height: 136rpx;
					}
				}
			}
		}
		.nav_box{
			width: 100%;
			background-color: #fff;
			box-sizing: border-box;
			padding:32rpx 40rpx;
			border-radius: 20rpx;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			.nav_box_item{
				width:25%;
				display: flex;
				justify-content: center;
				flex-wrap: wrap;
				view{
					width: 100%;
					text-align: center;
					
					image{
						width: 70rpx;
						height: 70rpx;
						margin-bottom: 20rpx;
					}
				}
			}
		}

	}